<template>
  <div>
    <h1>{{msg}}</h1>
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <h2>学生年龄：{{myAge+1}}</h2>
    <button @click="updateAge">尝试修改收到的年龄</button>
  </div>
</template>

<script>
export default {
  name: "Student",
  data(){
    console.log(this)
    return{
      msg:"我是一个Xxx学校的学生",
      myAge:this.age
    }
  },
  // props:[
  //     'name','age','sex'
  // ] //简单接收

  //接收的同时对数据进行类型限制。
  // props: {
  //   name:String,
  //   age:Number,
  //   sex:String
  // }
  //接收的同时对数类型进行限制 + 默认值的指定 + 必要性的限制
  props:{
    name:{
      type:String, //类型String
      required:true, //必须写
    },
    age:{
      type:Number, //类型Number
      default:99, //默认值
    },
    sex:{
      type:String, //类型String
      required:true, //必须写
    }
  },methods:{
    updateAge(){
      this.myAge = this.myAge+1;
    }
  }
}
</script>

<style scoped>
  .school{
    background-color: gray;
  }
</style>